const Toast = ({ message }: { message: string }) => {
  return (
    <div
      style={{
        
            minWidth: '200px',
            height: '48px',
            position: 'fixed',
            zIndex: '99999',
            left: '50%',
            top: '16%',
            background: 'rgba(17, 17, 17, 0.7)',
            boxShadow: '0px 10px 50px 0px',
            color: '#fff',
            borderRadius: '30px',
            textAlign: 'center',
            display: 'flex',
            justifyContent: 'center',
            alignItems: 'center',
            fontSize: '14px',
            transform: 'translateX(-50%) translateY(-50%)',
            lineHeight: '48px',
            whiteSpace: 'pre'
      }}
    >
      {message}
    </div>
  );
};

export default Toast;
